<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="wedding_head">
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>哈尔滨华艺影视文化传媒有限公司</title>
    <meta name="description" content="哈尔滨 婚礼 策划 摄像 摄影 照相 高端婚礼 婚礼服务 婚庆服务 酒店预定 婚庆摄像 全程跟拍">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="pragma" content="no-cache"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <!-- all css here -->
    <!-- bootstrap v3.3.6 css -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <!-- animate css -->
    <link href="https://cdn.bootcss.com/animate.css/3.4.0/animate.css" rel="stylesheet">
    <!-- jquery-ui.min css -->
    <link th:href="@{/wedding/css/jquery-ui.min.css}" rel="stylesheet"/>
    <!-- meanmenu css -->
    <link th:href="@{/wedding/css/meanmenu.min.css}" rel="stylesheet"/>
    <!-- owl.carousel css -->
    <link th:href="@{/wedding/css/owl.carousel.css}" rel="stylesheet"/>
    <!-- font-awesome css -->
    <link href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <!--<link rel="stylesheet" href="css/font-awesome.min.css">-->
    <!-- nivo-slider CSS
    ============================================ -->
    <link th:href="@{/wedding/inc/custom-slider/css/nivo-slider.css}" rel="stylesheet"/>
    <link th:href="@{/wedding/inc/custom-slider/css/nivo-slider.css}" rel="stylesheet"/>
    <!-- jQuery Carousel Evolution -->
    <link th:href="@{/wedding/inc/3dslider/css/style.css}" rel="stylesheet"/>
    <!-- style css -->
    <link th:href="@{/wedding/style.css}" rel="stylesheet"/>
    <!-- responsive css -->
    <link th:href="@{/wedding/css/responsive.css}" rel="stylesheet"/>
    <!-- modernizr css -->
    <script src="https://cdn.bootcss.com/modernizr/2.8.3/modernizr.min.js"></script>
</head>
<body>

<!-- Header Area Start Here -->
<header th:fragment="wedding_title">
    <div class="header-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                    <div class="logo-area">
                        <a href="index.html"><img src="img/logo.png" alt=""></a>
                    </div>
                </div>
                <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                    <div class="main-menu-area">
                        <nav>
                            <ul id="nav">
                                <li><a href="/">首页</a></li>
                                <li><a href="#blog">婚礼记录</a></li>
                                <li><a href="#service">服务项目</a></li>
                                <li><a href="#team">技术团队</a></li>
                                <li><a href="#about">关于我们</a></li>
                                <li><a href="#contact">联系方式</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mobile-menu-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul>
                                <li><a href="/">首页</a></li>
                                <li><a href="blog.html">婚礼记录</a></li>
                                <li><a href="services.html">服务项目</a></li>
                                <li><a href="team.html">技术团队</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="contact.html">联系方式</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Header Area End Here -->
<!-- 滚动照片 Home Page Portfolio Area Start Here -->
<div class="home-portfolio-area" th:fragement="wedding_photolist">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-md-12 col-sm-12 col-xs-12 text-center">
                <div class="template-section-area">
                    <h2>我们以往的作品</h2>
                    <p> 我们通过长期的磨练积累了丰富的婚礼摄影摄像经验，能够利用敏锐的职业嗅觉发现并记录您在婚礼现场的每一个美好瞬间，用我们辛勤的双手为您留下永恒的美好回忆！</p>
                </div>
            </div>
        </div>
        <div class="row main-portfolio-section">
            <div class="col-lg-12 col-md-md-12 col-sm-12 col-xs-12 text-center">
                <div id="dg-container" class="dg-container">
                    <div class="dg-wrapper">
                        <a href="#"><img src="img/portfolio/1.jpg" alt="image01"></a>
                        <a href="#"><img src="img/portfolio/2.jpg" alt="image02"></a>
                        <a href="#"><img src="img/portfolio/3.jpg" alt="image03"></a>
                        <a href="#"><img src="img/portfolio/4.jpg" alt="image04"></a>
                        <a href="#"><img src="img/portfolio/5.jpg" alt="image04"></a>
                        <a href="#"><img src="img/portfolio/6.jpg" alt="image04"></a>
                        <a href="#"><img src="img/portfolio/7.jpg" alt="image04"></a>
                        <a href="#"><img src="img/portfolio/8.jpg" alt="image04"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Home Page Portfolio Area End Here -->
<!-- 我们的服务项目 Home Page Our Service Area Start Here -->
<div class="home-page-our-service" th:fragment="wedding_service" id="service">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-md-12 col-sm-12 col-xs-12 text-center">
                <div class="template-section-area">
                    <h2>我们的服务项目</h2>
                    <p> 我们的业务范围包括但不仅限于以下种类</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="services-area">
                <div class="single-service">
                    <div class="media">
                        <div class="pull-left">
                            <a href="single-services.html">
                                <img class="media-object" src="img/services/1.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"><a href="single-services.html">鲜花预定</a></h4>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据您的要求提前准备各种类别的鲜花、手捧花、花篮等，并及时准确的送达目的地，确保您的按时使用</p>
                        </div>
                    </div>
                </div>
                <div class="single-service">
                    <div class="media">
                        <div class="pull-left">
                            <a href="single-services.html">
                                <img class="media-object" src="img/services/3.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"><a href="single-services.html">摄影摄像</a></h4>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们拥有多名专业摄影、摄像师傅，全程跟拍您的婚礼全过程，让您今生不留遗憾</p>
                        </div>
                    </div>
                </div>
                <div class="single-service">
                    <div class="media">
                        <div class="pull-left">
                            <a href="single-services.html">
                                <img class="media-object" src="img/services/3.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading"><a href="single-services.html">婚车租赁</a></h4>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们能够为您联系各类婚庆豪车：宾利、劳斯莱斯、法拉利、保时捷、陆虎、宝马、奔驰应有尽有，任您挑选</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Home Page Our Service Area End Here -->
<!-- 最近婚礼记录 Home Page Blog Start Here -->
<div class="home-page-latest-blog" id="blog">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-md-12 col-sm-12 col-xs-12 text-center">
                <div class="template-section-area">
                    <h2>最近的婚礼记录</h2>
                    <p> Dimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy texen book. It has survived not only five centuries, but also the leap iining esse.</p>
                </div>
            </div>
        </div>
        <div class="total-blog-content-area">
            <div class="row">
                <div class="col-lg-4 col-md-md-4 col-sm-4 col-xs-12">
                    <div class="single-blog">
                        <a href="single-blog.html"><img src="img/blog/1.jpg" alt=""></a>
                        <div class="details">
                            <a href="single-team.html"><i class="fa fa-link" aria-hidden="true"></i></a>
                        </div>
                        <div class="date"><ul>
                            <li>01, Jul <span> 2016</span></li>
                        </ul>
                        </div>
                        <h3><a href="single-blog.html">Blog Title Here</a></h3>
                        <p><span>by</span> admin <span>  &nbsp;&nbsp;  01</span> comments</p>
                        <div class="blog-content">
                            <p>Dimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy texen book. It has survived.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-md-4 col-sm-4 col-xs-12">
                    <div class="single-blog">
                        <a href="single-blog.html"><img src="img/blog/2.jpg" alt=""></a>
                        <div class="details">
                            <a href="single-team.html"><i class="fa fa-link" aria-hidden="true"></i></a>
                        </div>
                        <div class="date">
                            <ul>
                                <li>01, Jun <span> 2016</span></li>
                            </ul>
                        </div>
                        <h3><a href="single-blog.html">Blog Title Here</a></h3>
                        <p><span>by</span> admin <span>  &nbsp;&nbsp;  01</span> comments</p>
                        <div class="blog-content">
                            <p>Dimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy texen book. It has survived.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-md-4 col-sm-4 col-xs-12">
                    <div class="single-blog">
                        <a href="single-blog.html"><img src="img/blog/3.jpg" alt=""></a>
                        <div class="details">
                            <a href="single-team.html"><i class="fa fa-link" aria-hidden="true"></i></a>
                        </div>
                        <div class="date"><ul>
                            <li>01, May <span> 2016</span></li>
                        </ul>
                        </div>
                        <h3><a href="single-blog.html">Blog Title Here</a></h3>
                        <p><span>by</span> admin <span> &nbsp;&nbsp;  01</span> comments</p>
                        <div class="blog-content">
                            <p>Dimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy texen book. It has survived.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Home Page Blog End Here -->
<!-- Home Page Banner Area Start Here -->
<div class="home-page-banner-area" th:fragment="wedding_banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-md-12 col-sm-12 col-xs-12 text-center">
                <h1>We Make Your Dream Come Ture</h1>
            </div>
        </div>
    </div>
</div>
<!-- Home Page Banner Area End Here -->
<!-- 团队成员 Home Page Team Start Here -->
<div class="home-page-team-area" th:fragment="wedding_team" id="team">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-md-12 col-sm-12 col-xs-12 text-center">
                <div class="template-section-area">
                    <h2>我们的技术团队</h2>
                    <p> 我们拥有多名长期从事专业婚庆服务的技术团队工作人员，涉及策划、司仪、摄影、摄像、司机、鲜花派送、酒店协调等多个工种，能够及时根据您的需求量身定制最为专业的婚庆一条龙服务</p>
                </div>
            </div>
        </div>
        <div class="row total-team">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
                <div class="total-team-area">
                    <div class="single-team-area">
                        <a href="single-team.html"><img src="img/team/1.png" alt=""></a>
                        <div class="details">
                            <a href="single-team.html">Details</a>
                        </div>
                    </div>
                </div>
                <div class="team-detals-area">
                    <h3><a href="single-team.html">Tina Jahan</a></h3>
                    <p class="designation">Wedding Co0rdinator</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
                <div class="total-team-area">
                    <div class="single-team-area">
                        <a href="single-team.html"><img src="img/team/2.png" alt=""></a>
                        <div class="details">
                            <a href="single-team.html">Details</a>
                        </div>
                    </div>
                </div>
                <div class="team-detals-area">
                    <h3><a href="single-team.html">Kaji Fahim</a></h3>
                    <p class="designation">Wedding Planner</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
                <div class="total-team-area">
                    <div class="single-team-area">
                        <a href="single-team.html"><img src="img/team/3.png" alt=""></a>
                        <div class="details">
                            <a href="single-team.html">Details</a>
                        </div>
                    </div>
                </div>
                <div class="team-detals-area">
                    <h3><a href="single-team.html">Lija Kiron</a></h3>
                    <p class="designation">Wedding Cordinator</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Home Page Team End Here -->
<!-- 关于我们 Home Page About Section Area Start Here -->
<div class="home-page-about-area" th:fragment="wedding_about" id="about">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="about-us-content">
                    <h2>关于 <span>我们</span></h2>
                    <br/>
                    <h3 style="font-family: 微软雅黑;line-height: 150%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        哈尔滨华艺影视文化传媒有限公司，是哈尔滨最为专业的婚庆婚嫁服务公司之一。我们主要提供婚礼资讯、婚礼摄影摄像、礼服婚车出租、酒店预定等众多婚庆相关服务。
                        我们是致力于服务哈尔滨及周边市县广大新人婚礼的网络预定平台，并对业内人员交流推广以及提供最方便的服务内容。
                    </h3>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="about-us-feature-image">
                    <img src="img/about-feature.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Home Page About Section Area End Here -->
<!-- Footer Area Start Here -->
<footer th:fragment="wedding_footer" id="contact">
    <div class="footer-top-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-md-4 col-sm-4 col-xs-12 text-center">
                    <div class="single-footer">
                        <ul>
                            <li><i class="fa fa-phone" aria-hidden="true"></i>13100906952</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-md-md-4 col-sm-4 col-xs-12 text-center">
                    <div class="single-footer">
                        <a href="/"><img src="img/footer/footer-logo.png" th:src="@{/wedding/img/footer/footer-logo.png}" alt=""></a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-md-4 col-sm-4 col-xs-12 text-center">
                    <div class="single-footer">
                        <ul>
                            <li><i class="fa fa-envelope-o" aria-hidden="true"></i>chao.han@protonmail.com</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-md-6 col-sm-6 col-xs-12 text-left">
                    <div class="footer-bottom-left">
                        <p>Copyright &copy; 2017-2020.华艺影视文化传媒有限公司 All rights reserved.</p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-md-6 col-sm-6 col-xs-12 text-right">
                    <div class="footer-bottom-right">
                        <ul>
                            <li><font style="font-family: 微软雅黑;font-weight: bolder;color: #000000">友情链接</font> </li>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- Footer Area End Here -->
<!-- all js here -->
<!-- jquery latest version -->
<div th:fragment="wedding_script">
    <script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.min.js"></script>
    <!-- bootstrap js -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!-- owl.carousel js -->
    <script th:src="@{/wedding/js/owl.carousel.min.js}" type="text/javascript"></script>
    <!-- meanmenu js -->
    <script th:src="@{/wedding/js/jquery.meanmenu.js}" type="text/javascript"></script>
    <!-- jquery-ui js -->
    <script th:src="@{/wedding/js/jquery-ui.min.js}" type="text/javascript"></script>
    <!-- wow js -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
    <!-- nivo slider js -->
    <script th:src="@{/wedding/inc/custom-slider/js/jquery.nivo.slider.js}" type="text/javascript"></script>
    <script th:src="@{/wedding/inc/custom-slider/home.js}" type="text/javascript"></script>
    <!-- jQuery Carousel Evolution -->
    <script th:src="@{/wedding/inc/3dslider/js/jquery.gallery.js}" type="text/javascript"></script>
    <script th:src="@{/wedding/inc/3dslider/js/modernizr.custom.53451.js}" type="text/javascript"></script>
    <!-- plugins js -->
    <script th:src="@{/wedding/js/plugins.js}" type="text/javascript"></script>
    <!-- main js -->
    <script th:src="@{/wedding/js/main.js}" type="text/javascript"></script>
</div>
</body>
</html>

